<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Gate System</title>
	<script src="#{request.contextPath}/util/js/Funcoes.js"
		type="text/javascript"></script>
	<!-- 	<script src="#{request.contextPath}/util/js/jquery-1.8.2.min.js" -->
	<!-- 		type="text/javascript"></script> -->
	<script src="#{request.contextPath}/util/js/jquery.validate.min.js"
		type="text/javascript"></script>
	<script src="#{request.contextPath}/util/js/validacoes.js"
		type="text/javascript"></script>
	<link href="#{request.contextPath}/util/css/geral.css" rel="stylesheet"
		type="text/css" />

	<script type="text/javascript">
		$(document).ready(
				function() {
					$(".MenuPrincipal .Box .SubMenu").hide();
					$(".MenuPrincipal .Box h3").click(
							function() {
								$(".MenuPrincipal .Box .SubMenu").filter(
										':not(:animated)').slideUp();
								$(this).next(".SubMenu").filter(
										':not(:animated)').slideToggle();
							});
				});
	</script>

	<ui:insert name="head" />
</h:head>

<h:body>
	<div class="Site">
		<ui:include src="cabecalho.xhtml" />
		<h:outputText value="Olá, #{usuarioMBean.usuarioVO.user}"
			style="position: absolute;left: 50%;" />
		
		<h:form>
			<h:commandLink value="Logout" action="#{loginMBean.logout}" 
				style="float: right;" />
		</h:form>		
		
		<div class="Main">
			<div class="Menu">
				<ui:include src="menu.xhtml" />
			</div>
			<div class="ErrorList" id="ErrorList">
				<ul>
				</ul>
			</div>

			<div class="Container">
				<ui:insert name="core" />
			</div>
		</div>
	</div>
</h:body>

</html>
